<template>
<div class="app">
<!--  <h2 a="1+1" :b="1+1" c="x" :d="x" ref="qweqweqw">测试</h2>-->
  <Person a="哈哈"/> <!--这个:串字符串否则无法生效-->
</div>


</template>

<script lang="ts" setup name="App">
import {reactive,ref} from "vue";
import{type Persons} from "@/type";
import Person from "@/components/Person.vue";

let x=9
//reactive类型传递泛型

let personList:Persons=reactive<Persons>([
  {id:'dada1ewa01',name:'张三',age:20},
  {id:'dada1ewa02',name:'李四',age:10},
  {id:'dada1ewa03',name:'王五',age:2}
])
console.log(personList)
</script>

<style scoped>
.app{
  background-color: #ddd;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 20px;
}
</style>